{% extends 'base.html' %}

{% block title %}
	SPLine
{% endblock %}

{% block content %}
		<!-- entete -->
		<div data-role="header">
			<h1>SPLine</h1>
			<a href="/delinquancePage" data-icon="back">Back</a>
			<a href="../../" data-icon="home">Home</a>
		</div>
		<!-- contenu -->
		<div data-role="content"> 
				<div class="ui-grid-a">
					<div class="ui-block-a" >
		      			<a href="/linePage" data-role="button">line</a>
		   			 </div>
		   			 <div class="ui-block-b" >
		      			<a href="/SPLinePage" data-role="button" class="ui-btn-active">Spline</a>
		   			 </div>  
		   		</div>
		
				<script type="text/javascript" src='/media/js/spline.js'></script>
				<div class="ui-grid-a" style="width:100%">
					<div class="ui-block-a" id="graphTabSPLine" style="width:100%"></div>
				</div>
				<div data-role="collapsible" data-collapsed="true">
					<h1>Département</h1>
					<ul data-role="listview" id='listCheckboxSPLine' data-inset="true" data-filter="true" data-theme="c" data-dividertheme="b"></ul>
				</div>
		</div>
		<!-- footer -->
		<div data-role="footer">
		 <br>
		 <br>
		</div>
{% endblock %}